<template>
  <div>
    <Dialog>
      <!-- 父组件 v-slot简写 -->
      <template #:header>
        <div>
          上边插槽
        </div>
      </template>
      <!-- 传参简写 #default -->
      <template #default="{data,index}">
        <!-- 接受参数 -->
        <div>{{data.name+'---'+data.age+'---'+index}}
        </div>
      </template>
      <template v-slot:footer>
        <div>
          下边插槽
        </div>
      </template>
      <template #[name]>
        <div>
          我在哪
        </div>
      </template>
    </Dialog> 
  </div>
</template>
<script setup lang='ts'>
  import Dialog from '../components/Dialog/index.vue'
  import {ref} from 'vue'
  // 动态插槽
let name = ref('default')
</script>
<style scoped lang='less'>

</style>